﻿#leftmenu {
    padding-left: 10px;
    width: 220px;
}
#smenu {
    left: -18px;
    margin: 10px 0 0 10px;
    position: relative;
    width: 220px;
}
#smenu dl {
    width: 280px;
}
#smenu dl dt a {
    background: url("images/site/lmenu_t_bg.png") no-repeat scroll left top transparent;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font: 18px Cambria,Georgia,"Times New Roman",Times,serif;
    height: 33px;
    margin: 5px 0;
    padding: 7px 5px 3px 20px;
    width: 250px;
}
#smenu dl dt a.selected, #smenu dl dt a:hover {
    background: url("images/site/lmenu_t_hover.png") no-repeat scroll left top transparent;
}
#smenu dd {
    display: none;
}
#smenu dd ul li a {
    color: #00538A;
    cursor: pointer;
    display: block;
    height: 18px;
    padding: 6px 0 0 25px;
    text-decoration: none;
    width: 142px;
}
#smenu dd ul li a.selected, #smenu dd ul li a:hover {
    background: url("images/controls/menu/acd_hv.gif") no-repeat scroll left top transparent;
    border: 0 none #FFFFFF;
    color: #00538A;
    list-style-type: none;
}
#smenu dd ul li ul {
    display: none;
    padding: 0;
    position: absolute;
    width: 100px;
}
#smenu ul li ul li a {
    font-size: 12px;
    padding: 5px;
    width: 100px;
}
#aboutInf {
    margin: 10px 0 0 4px;
    width: 100%;
}
#aboutInf ul li {
    border-top: 1px dashed #CACECA;
    display: inline-block;
    margin: 5px 0;
    min-height: 80px;
    padding: 5px;
}
#aboutInf ul li div.left {
    float: left;
    text-align: center;
    width: 150px;
}
#aboutInf ul li div.right {
    float: left;
    width: 790px;
}
#aboutInf ul li span {
    color: #B1C229;
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
}
#productList {
    margin: 10px 0 0 4px;
}
#productList ul li {
    display: block;
    float: left;
    height: 200px;
    margin-bottom: 10px;
    padding: 5px 5px 5px 0;
    text-align: center;
    width: 220px;
}
#productList ul li div {
    background-color: #E4E6E3;
    border: 1px solid #CCCCCC;
    height: 156px;
    line-height: 150px;
    margin: 0 auto;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
    width: 204px;
}
#productList ul li img {
    height: 150px;
    vertical-align: middle;
    width: 200px;
}
#productList ul li a {
    color: #B1C229;
    cursor: pointer;
    display: block;
    font: bold 12px Tahoma,Geneva,sans-serif;
    padding: 5px 0;
    text-decoration: underline;
}
#productList ul li span {
    color: #CC0000;
    font-style: italic;
}
#productView {
    margin: 10px auto;
}
#productView #productImage {
    float: left;
    width: 380px;
}
#productView #productImage div {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    height: 246px;
    line-height: 246px;
    margin: 0 auto;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
    width: 326px;
}
#productView #productImage img {
    height: 240px;
    vertical-align: middle;
    width: 320px;
}
#productView #productInf {
    float: left;
    margin-bottom: 10px;
    min-height: 300px;
    width: 550px;
}
#productInf ul.detail {
    border-bottom: 1px dashed #CACECA;
}
#productInf ul.detail li {
    display: block;
    height: 30px;
}
#productInf ul.detail samp {
    color: #616A62;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: 700;
    margin-right: 5px;
    padding-top: 3px;
    text-align: right;
    width: 80px;
}
#productInf ul.detail .name {
    font-size: 18px;
    font-weight: 700;
}
#productInf ul.detail .price {
    color: #CC0000;
    font-size: 18px;
    font-weight: 700;
}
#productInf ul.detail .capacity {
    color: #319A00;
    font-size: 14px;
}
#productInf ul.detail .shipping {
    font-size: 14px;
}
#productInf ul.special {
    margin-left: 50px;
    width: 400px;
}
#productInf ul.special li {
    background: url("images/site/star.png") no-repeat scroll left center transparent;
    color: #616A62;
    font-size: 14px;
    font-weight: 700;
    height: 20px;
    padding: 8px 0 0 24px;
}
#productView #productDesc {
    border-top: 1px dashed #CACECA;
}
#specials {
    margin-left: 170px;
    width: 400px;
}
#specials ul.special li {
    height: 20px;
    list-style-type: square;
    margin-top: 3px;
}
ul.featrue {
    margin-left: 30px;
}
ul.featrue li {
    background: url("images/site/star.png") no-repeat scroll left center transparent;
    margin-top: 10px;
    padding: 8px 0 0 24px;
}
p.intro {
    font-size: 13px;
    line-height: 18px;
}
#downlist {
    background-color: #F6F6F6;
    border: 1px solid #EAEAEA;
    margin: 0 auto;
    padding-top: 15px;
}
#downlist ul {
    margin: 0 auto;
    width: 250px;
}
#downlist li a {
    background: url("images/site/Download.png") no-repeat scroll left center transparent;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 700;
    height: 47px;
    margin-bottom: 15px;
    padding: 10px 20px 0;
    width: 210px;
}
#downlist li a:hover {
    color: #C1DB42;
}
#downlist li a span {
    color: #3E3E3E;
    font-size: 14px;
    font-style: italic;
}
.learning dt {
    background: url("images/site/key.png") no-repeat scroll left center transparent;
    font-weight: 700;
    margin-top: 10px;
    padding-left: 18px;
}
.learning dd {
    border-bottom: 1px dashed #EEEEEE;
    margin-bottom: 5px;
    padding: 0 0 10px 36px;
}
.learning dd ol {
    padding-left: 20px;
}
.learning dd ol li {
    list-style-type: decimal;
}
div.code {
    background-color: #F6F6F6;
    border: 2px solid #EAEAEA;
    color: #106D7B;
    font-size: 14px;
    margin-top: 5px;
    padding: 10px 20px;
}
div.code hr {
    border: 1px dashed #AAAAAA;
}
div.code span {
    display: block;
    margin-left: 20px;
}
.learning h4 {
    margin-top: 10px;
}
.tb_learn {
    border-collapse: collapse;
    margin: 5px 0;
    width: 100%;
}
.tb_learn th {
    background-color: #E0E0E0;
    border: 1px solid #B5B5B5;
    height: 20px;
    padding: 2px;
    width: 80px;
}
.tb_learn td {
    border: 1px solid #B5B5B5;
    height: 18px;
    padding: 2px;
}
.tb_learn tr.title {
    background-color: #F5F5F5;
}
.tb_learn tr.title td {
    height: 22px;
}
#pv_FView {
    background-color: #FBFBFB;
    border: 1px solid #CCCCCC;
    display: block;
    font-size: 14px;
    margin: 0 auto;
    padding: 8px;
    width: 900px;
}
#pv_FView samp {
    color: #777777;
    font-weight: 700;
    margin-right: 5px;
}
#pv_FView .fdinf {
    border-top: 1px dashed #CACECA;
    padding-top: 5px;
    text-align: right;
}
#pv_FView span.subject {
    font-weight: 700;
}
#pv_FView span.date {
    color: #319A00;
    font-style: italic;
    margin-left: 6px;
}
.listinf div.item {
    border-bottom: 1px dashed #CACECA;
    padding-bottom: 10px;
}
.listinf div.title {
    display: block;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 4px 0;
}
.listinf span.date {
    color: #AFD300;
    font-size: 12px;
    margin-left: 4px;
}
.listinf a {
    cursor: pointer;
    margin-right: 5px;
    text-decoration: underline;
}
.listinf p {
    padding: 5px;
}
.listinf div.foot {
    padding-right: 20px;
    text-align: right;
}
.listinf samp {
    font-weight: 700;
    margin-left: 10px;
}
a.filedown {
    background: url("images/site/file_down.png") no-repeat scroll center center transparent;
    cursor: pointer;
    display: block;
    height: 20px;
    margin: 0 auto;
    width: 20px;
}
#history {
    background-color: #F6F6F6;
    border: 1px solid #EAEAEA;
    margin: 0 auto;
    min-height: 390px;
    overflow-y: auto;
    padding: 10px;
}
#history dt {
    background: url("images/site/sign.gif") no-repeat scroll left center transparent;
    font-weight: 700;
    height: 22px;
    line-height: 22px;
    padding-left: 20px;
}
#history ul {
    padding-left: 30px;
}
#history li {
    font-style: italic;
    height: 18px;
    list-style-type: decimal;
}
#smenu dd ul li, #aboutInf ul {
    width: 100%;
}
#specials ul.special a, #pv_FView .lbtn {
    margin-left: 5px;
}
#pv_FView span.name, .listinf div.foot span, .listinf span.seq {
    margin-right: 5px;
}
